import { useHistory } from 'react-router-dom'

export default function SongList(props) {
  const history = useHistory()
  const handleClick = () => {
    history.push('/')
    // !props 这种方式跳转，前提是这个 SongList 组件必须是作为路由组件存在的才可以
    // props.history.push('/')
  }
  return (
    <div>
      <h3>SongList</h3>
      <button onClick={handleClick}>首页</button>
    </div>
  )
}
